<template>
    <div id="appAbout">
        <div>
            <van-nav-bar
                    title="设置"
                    left-text="返回"
                    left-arrow
                    @click-left="onClickLeft"

            />
        </div>

        <div>
            <van-cell title="版本信息" value="" is-link  />
            <van-cell title="关于我们" value="" is-link  />
            <van-cell title="评价我们" value="" is-link  />
            <van-cell title="范衣用户协议" value="" is-link  />
            <van-cell title="范衣隐私政策" value="" is-link  />
            <van-cell title="个人信息手机清单" value="" is-link  />
            <van-cell title="第三方共享个人信息清单" value="" is-link  />

        </div>


        <div style="display: flex;justify-content: center;align-content: center;margin-top: 50px;">
            <van-button plain  type="info" style="width: 100%" @click="exitClick">退出登录</van-button>



        </div>


        <van-dialog v-model="show" title="退出将无法访问订单" show-cancel-button @confirm="exitlogin">

        </van-dialog>






    </div>

</template>

<script>


    export default {

        name: "AppAbout",
        data() {
            return {
                show: false,
            };
        },
        methods: {

            onClickLeft() { // 点击左边
                this.$router.back();  // 返回上一个路由
            },
            exitClick(){

                this.show=true;


            },
            exitlogin(){
               localStorage.setItem("token","");
               localStorage.setItem("zfb","");
                this.$router.push({path:'/login'})
            }
        },
    }
</script>

<style scoped>
    #appAbout {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #f5f5f5;
        z-index: 9999;
    }


</style>